<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>蓝领安装订单管理系统</title> 
<link href="${ctx}/statics/css/base.css" rel="stylesheet">
<link href="${ctx}/statics/css/platform.css" rel="stylesheet">
<link rel="stylesheet" href="${ctx}/statics/uimaker/easyui.css">
</head> 
<body>
    <div class="container">
        <div id="pf-hd">
            <div class="pf-logo">
                <img src="${ctx}/statics/images/main/main_logo.png" alt="logo">
            </div>
            

            <div class="pf-user">
                <div class="pf-user-photo">
                    <img src="${ctx}/statics/images/main/user.png" alt="">
                </div>
                <h4 class="pf-user-name ellipsis">
					<@shiro.principal property="name"/>
				</h4>
                <i class="iconfont xiala">&#xe607;</i>

                <div class="pf-user-panel">
                    <ul class="pf-user-opt">
                        <li>
                            <a href="javascript:;">
                                <i class="iconfont">&#xe60d;</i>
                                <span class="pf-opt-name">用户信息</span>
                            </a>
                        </li>
                        <li class="pf-modify-pwd">
                            <a href="http://www.uimaker.com">
                                <i class="iconfont">&#xe634;</i>
                                <span class="pf-opt-name">修改密码</span>
                            </a>
                        </li>
                        <li class="pf-logout">
                            <a href="${ctx}/logout">
                                <i class="iconfont">&#xe60e;</i>
                                <span class="pf-opt-name">退出</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

        <div id="pf-bd">
            <div id="pf-sider">
                <h2 class="pf-model-name">
                    <span class="iconfont">&#xe64a;</span>
                    <span class="pf-name">系统菜单</span>
                    <span class="toggle-icon"></span>
                </h2>

                <ul class="sider-nav">
                     <li class="current">
                        <a href="javascript:openTab('.easyui-tabs1','工单','${ctx}/order/list');">
                            <span class="iconfont sider-nav-icon">&#xe6b7;</span>
                            <span class="sider-nav-title">工单</span>
                        </a>
                     </li>
                     <li>
                        <a href="javascript:openTab('.easyui-tabs1','派单','http://www.baidu.com');">
                            <span class="iconfont sider-nav-icon">&#xe656;</span>
                            <span class="sider-nav-title">派单</span>
                        </a>
                     </li>
                     <li>
                        <a href="javascript:openTab('.easyui-tabs1','核销','http://www.baidu.com');">
                            <span class="iconfont sider-nav-icon">&#xe69f;</span>
                            <span class="sider-nav-title">核销</span>
                        </a>
                     </li>
                     <li>
                        <a href="javascript:openTab('.easyui-tabs1','用户管理','http://www.baidu.com');">
                            <span class="iconfont sider-nav-icon">&#xe671;</span>
                            <span class="sider-nav-title">用户管理</span>
                        </a>
                     </li>
                 </ul> 
            </div>

            <div id="pf-page">
                <div class="easyui-tabs1" style="width:100%;height:100%;">
                  <div title="首页" style="padding:10px 5px 5px 10px;">
                    <iframe class="page-iframe" src="${ctx}/workbench" frameborder="no"   border="no" height="100%" width="100%" scrolling="auto"></iframe>
                  </div>
                </div>
            </div>
        </div>

        <div id="pf-ft">
            <div class="system-name">
              <i class="iconfont">&#xe6fe;</i>
              <span>信息管理系统&nbsp;v1.0</span>
            </div>
            <div class="copyright-name">
              <span>CopyRight&nbsp;2016&nbsp;&nbsp;uimaker.com&nbsp;版权所有</span>
              <i class="iconfont" >&#xe6ff;</i>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="${ctx}/statics/js/jquery.min.js"></script>
    <script type="text/javascript" src="${ctx}/statics/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${ctx}/statics/js/main.js"></script>
    <script type="text/javascript" src="${ctx}/statics/js/mainpage.js"></script>
    
    <!--[if IE 7]>
      <script type="text/javascript">
        $(window).resize(function(){
          $('#pf-bd').height($(window).height()-76);
        }).resize();
      </script>
    <![endif]-->  
</body> 
</html>
